<template>
  <div>
    <h2>欢迎登录凡客后台管理系统</h2>
    <div class="box">
      <div class="model" v-for="item in menulist" :key="item.id">
        <router-link :to="item.path">
          <span class="title" :style="item.titleColor">{{item.title}}</span>
          <span class="iconBox" :style="item.iconBoxColor">
            <span>
              <!-- <img :src="item.img" /> -->
              <i :class="item.iconClass"></i>
            </span>
          </span>
        </router-link>
      </div>
    </div>
  </div>
</template>
    
    <script>
export default {
  data() {
    return {
        menulist: [
          {
            id: 1,
            path: "member",
            img: require("@/assets/img/member.png"),
            title: "用户管理",
            titleColor:'background-color:  rgb(122, 127, 131);',
            iconBoxColor:'background-color:  rgb(130, 202, 202);',
            iconClass:"iconfont icon-tubiao_yonghuguanli"
          },
          {
            id: 2,
            path: "totalType",
            img: require("@/assets/img/totaltype.png"),
            title: "商品总类型管理",
            titleColor:'background-color:  rgb(122, 127, 131);',
            iconBoxColor:'background-color:  rgb(130, 202, 202);',
            iconClass:"iconfont icon-shangpin"
          },
          {
            id: 3,
            path: "goodsType",
            img: require("@/assets/img/goodstype.png"),
            title: "商品类型管理",
            titleColor:'background-color:  rgb(122, 127, 131);',
            iconBoxColor:'background-color:  rgb(130, 202, 202);',
            iconClass:"iconfont icon-leixing1"
          },
          {
            id: 4,
            path: "goods",
            img: require("@/assets/img/goods.png"),
            title: "商品管理",
            titleColor:'background-color:  rgb(122, 127, 131);',
            iconBoxColor:'background-color:  rgb(130, 202, 202);',
            iconClass:"iconfont icon-leixing3"
          },
          {
            id: 5,
            path: "/order",
            img: require("@/assets/img/order.png"),
            title: "订单管理",
            titleColor:'background-color:  rgb(122, 127, 131);',
            iconBoxColor:'background-color:  rgb(130, 202, 202);',
            iconClass:"iconfont icon-dingdan"
          }
        ]
      }
  },

  components: {},

  methods: {}
};
</script>
    
<style scoped lang="scss">
@import "~@/assets/scss/home.scss";
.d{
  color: rgb(122, 127, 131)
}
</style>0